<template>
	<div>
		<div class="box">
			body 组件
			<hr />
			<!-- 插槽区域 -->
			<!-- 每一个插槽标签上都应该有一个 name 名称 -->
			<!-- 如果插槽没有 name 属性 则 Vue 默认的name为 default -->
			<slot name="default"> 如果用户没有定义 任何内容 则显示默认内容 </slot>
		</div>
	</div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.box {
	height: 150px;
	background-color: purple;
	color: white;
	font-size: 30px;
}
</style>
